home
***
CD-ROM
|
disk
|
FTP
|
other
***
search
/
Windows News 2010 Summer - Disc 1
/
WN_Ete2010_CD1.iso
/
Onglet5
/
Weezo
/
Weezo setup.exe
/
{code_appDir}
/
www
/
themes
/
nature
/
theme-src.css
< prev
next >
Wrap
Cascading Style Sheet File
|
2010-05-19
|
17KB
|
282 lines
/**
* NATURE Theme
*
*
* @category NA
* @package NA
* @author Nicolas Bruley / Peer 2 World <contact@weezo.net>
* @copyright 2005-2009 Nicolas Bruley / Peer 2 World
* @license http://www.php.net/license/3_0.txt PHP License 3.0
* @version CVS: $Id:$
* @link http://www.weezo.net
* @since File available since Release 1.0.0
*/
body{font-family:Tahoma; color:black; font-size:10px; background:#EEFFF2;text-align:left; font-weight:normal}
.vsFont{font-family:Tahoma; font-size:8px;}
.smallFont{font-family:Tahoma; font-size:10px;}
.normalFont{font-family:Tahoma; font-size:12px;}
.bigFont{font-family:Tahoma;font-size:14px; font-weight:bold;}
.warning{font-family:Tahoma; color:red; font-weight:bold;}
.textInput, .fileInput, textarea{background:white url('/themes/common/input.gif') repeat-x; border:1px solid #3BC111}
a{color:black; text-decoration:underline}
img{border:none;}
textarea {font-family:Tahoma;font-size:11px}
.ico {width:16px;height:16px;vertical-align:middle;}
/* Login */
.loginBodyCoverflow{background:#80db36 !important}
.loginBox, .loginBox .link {border-color:#FFF; color:#000}
/* popups body style */
.iframeBody{font-family:Tahoma; color:black; font-size:10px; background:#FFFFFF; margin:0px; padding:3px; text-align:left}
/* Frame 1 */
.frame1{font-size:12px; font-weight:normal; border:1px solid #3BC111; border-top:1px solid #95DA81; background:white; padding:7px; margin-bottom:0px; text-align:left; position:relative;}
.frame1Header{color:#333;font-size:13px;font-weight:bold;text-shadow: #cef5c9 0px 1px 0;margin:-7px; margin-bottom:7px; padding:0px; padding-left:10px; padding-right:10px; background:url('<?php echo $path;?>f1h.gif') repeat-x; line-height:28px; height:28px; vertical-align:top}
.frame1Footer{color:white; margin:-7px; margin-top:7px; padding:0px; background:#3BC111; line-height:22px}
/* Frame 2 */
.frame2{font-size:12px; color:#555; background:#FFFFFF; padding:5px; border-bottom:1px solid #DEFCDD; margin-bottom:7px; margin-top:3px; position:relative;}
.frame2Header{background:white; font-weight:bold; font-size:12px; color:#3BC111; margin:-5px; margin-bottom:7px; line-height:24px; padding-left:5px; padding-right:5px; border-bottom:1px solid #CCFACA}
.frame2Footer{color:#2BA101;font-size:10px; padding-left:0.5em; padding-right:0.5em; margin:-5px; margin-top:7px; line-height:18px;}
/* Frame 3 */
.frame3{font-size:11px; color:#21471B; background:#E0FFE0; padding-left:3px; padding-right:3px; margin-top:3px; margin-bottom:6px; position:relative; border:1px solid #D0FFD0}
.frame3Header{font-weight:bold; font-size:11px; color:white; background:#91D87C; margin-bottom:5px; margin-left:-3px; margin-right:-3px; line-height:24px; height:24px; padding-left:4px; padding-right:4px;}
.frame3Footer{font-size:11px; font-weight:normal; color:#555; margin-left:-3px; margin-right:-3px; margin-top:3px; padding-left:3px; padding-right:3px; border-top:1px dotted #78F060; line-height:22px; height:22px;}
/* Button */
.button{text-decoration:none; background:transparent; color:#555;
font-size:11px;
padding: 4px !important; padding: 3px;
margin-top: 1px; margin-bottom: 1px;
margin-left:3px; margin-right:3px;
border:1px solid #E0FFE0;
vertical-align: middle;
height: 0px;
line-height:26px !important; line-height:0px;
}
/*
background-image height = real font-height + padding-top + padding-bottom
line-height = real font-height + padding-top + padding-bottom + border height x2 + margin-top + margin-bottom
*/
.button img{vertical-align:middle}
.button span{vertical-align:middle}
.button .ieBtPng {cursor:pointer; width:16px; height:16px;}
.button i{font-style:normal}
.button b{font-weight:normal}
.button u{text-decoration:none}
.button:hover{background:#D0EFD0; border:1px solid #3BC111;}
.button:active{background:#E0FFE0; border:1px solid #5BE131;}
.frame1Header .button{color:black; border-color:#5BE131; margin-top:3px; margin-bottom:3px}
.frame1Header .button:hover{color:#555}
.frame3Header .button{color:#666699;}
.frame1Footer .button{color:white;}
.frame3Footer .button{color:#555;}
/* Disabled button */
.buttonDisabled{text-decoration:none; background:transparent; color:#A0A0A0;
font-size:11px;
padding: 4px !important; padding: 3px;
margin-top: 1px; margin-bottom: 1px;
margin-left:4px; margin-right:4px;
border: 0px;
vertical-align: middle;
height: 0px;
line-height:26px !important; line-height:0px;
filter:Alpha(opacity=40,style=0); opacity:0.40; cursor:default;
}
.buttonDisabled img{vertical-align:middle}
.buttonDisabled span{vertical-align:middle}
.buttonDisabled .ieBtPng {width:16px; height:16px;}
.buttonDisabled i{font-style:normal}
.buttonDisabled b{font-weight:normal}
.buttonDisabled u{text-decoration:none}
/* Small button */
.buttonSmall{background:transparent; color:black; font-weight:bold; padding:0px; border:1px solid #EEF2FE; cursor:pointer;}
.buttonSmall:hover{color:#333; background:#D0EFD0; border:1px solid #3BC111;}
.buttonSmall:active{background:#F0FFE0; border:1px solid #1BA101;}
.buttonSmallDisabled{background:transparent; color:#909090; font-weight:bold; padding:0px; border:1px solid #EEF2FE;}
.frame1Header .buttonSmall{height:0px}
/* link */
.link {text-decoration:none}
.link:hover{text-decoration:underline}
/* multiline table mouse over effect */
.eTC{color:#21471B; font-size:11px; cursor:pointer; padding:2px; border:1px solid; height:20px}
.even{background:#DEFCDD} /* even lines IE */
.odd{background:white} /* odd lines */
.eTC td{border-top:1px solid; border-bottom:1px solid;}
.eTC .eTCLeft{border-left:1px solid}
.eTC .eTCRight{border-right:1px solid}
.eTCLeft{text-align:right}
.eTC, .eTC td{border-color:transparent !important;border-color:#FFF}
.eTCHover{color:#21471B; font-size:11px; cursor:pointer; padding:2px;background:#80CF67 url('<?php echo $path;?>menu.gif') repeat-x; border:1px solid #83d16c;height:20px} /* mouse over effect */
.eTCHover td{border-top:1px solid #83d16c; border-bottom:1px solid #83d16c;}
.eTCHover .eTCLeft{border-left:1px solid #83d16c;}
.eTCHover .eTCRight{border-right:1px solid #83d16c;}
/* ToolTip */
.tooltip{background:white}
.tooltip b{color:#308e12}
.tooltipFooter{background:none;padding-top:3px;border-top:1px solid #308e12;margin-top:3px}
/* Help frame */
.helpFrame{border:1px solid #64654B; color:black; width:400px; height:200px;}
.helpFrame h1{font-size:12px;border-bottom:1px solid black; padding-left:22px; padding-bottom:7px; margin:0px}
.helpBg{filter:Alpha(opacity=80,style=0); opacity:0.80;background:#F7F9BB;}
/* popups */
.popup{background:#e6fae3;border:1px solid #3bc111}
/* progress bar */
.progressOuter{background:url('<?php echo $path;?>progressOuter.gif') repeat-x; border:1px solid #AAA;height:15px !important; height:17px;overflow:hidden}
span.progressOuter{background:url('<?php echo $path;?>progressOuterFailed.gif')}
.progressInner{background:url('<?php echo $path;?>progressInner.gif') repeat-x;height:15px;}
.progressTextO div{font-size:8px;font-weight:bold;line-height:14px !important;line-height:18px; top:-1px}
/* Drop target */
.dropTarget{border:1px solid white}
.dropTargetOver{border:1px solid #ffbcd4; background:#fcdee9;}
.dropTargetOver .eTC{border:1px solid #fcdee9}
.eTC .dropTargetOver {margin:-1px}
.eTC .dropTarget {border:0px}
.eTCHover .dropTarget {border:0px}
/* Tabs */
.tabSel{position:relative; border:1px solid #89D272 !important; border-right:1px solid #69B252 !important; border-bottom:0px !important; padding-left:0.5em; padding-right:0.5em; padding-top:4px; cursor:text;background:#FFF;color:#222 !important;text-decoration:none;margin-right:0.3em;font-size:11px; top:2px;
top:1px;
padding-bottom:6px !important; padding-bottom:5px;
margin-bottom:-3px !important; margin-bottom:-6px;}
.tab{position:relative; border:1px solid #CAF4C5 !important; padding-left:0.5em; padding-right:0.5em; padding-top:4px; margin-right:-1px;cursor:pointer !important;background:#F3F3FA;color:#444 !important;text-decoration:none;margin-right:0.3em;font-size:11px; top:2px;
top:1px;
padding-bottom:5px !important;padding-bottom:4px;
margin-bottom:-3px !important; margin-bottom:-6px;}
.tab:hover {background:#D0EFD0; border:1px solid #89D272 !important;}
/* Frame Shadow effect (mainly used on Frame1, see metal theme for example of disabled shadow) */
/* IE */
.fsIEr{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rFF.png', sizingMethod='crop');overflow:hidden}
.fsIEb{height:4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/bIE.png', sizingMethod='crop')}
.fsIErb{width:4px; height:4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rb.png', sizingMethod='image');overflow:hidden}
.fsIEtrb{height:4px;overflow:hidden}
/* Opera */
.fsOr{background:url('/gfx/s/r.png') repeat-y;width:4px;overflow:hidden;height:100%}
.fsOb{width:100%; background:transparent url('/gfx/s/b.png') repeat-x;height:4px;overflow:hidden}
/* Gecko */
.fsGr{background: url('/gfx/s/rFF.png');width:4px;overflow:hidden}
.fsGb{background:url('/gfx/s/b.png');text-align:left;height:4px;overflow:hidden}
.fsGtrb{height:4px;overflow:hidden}
/* Shadow effect (used around photo frames...) */
/* IE */
.sIEr{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rFF.png', sizingMethod='crop');overflow:hidden}
.sIEb{height:4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/bIE.png', sizingMethod='crop')}
.sIErb{width:4px; height:4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/s/rb.png', sizingMethod='image');overflow:hidden}
.sIEtrb{height:4px;overflow:hidden}
/* Opera */
.sOr{background:url('/gfx/s/r.png') repeat-y;width:4px;overflow:hidden;height:100%}
.sOb{width:100%; background:url('/gfx/s/b.png') repeat-x;height:4px;overflow:hidden}
/* Gecko */
.sGr{background: url('/gfx/s/rFF.png');width:4px;overflow:hidden}
.sGb{background:url('/gfx/s/b.png');text-align:left}
.sGtrb{height:4px;overflow:hidden}
/* Windows */
.win {padding:0} /* Window */
.winNR {} /* Not resizable window */
.winInactive {} /* Inactive Window */
.winActive {} /* Active Window */
.winTH, .winT {height:30px} /* Window top part height */
.winTL {background:url('<?php echo $path;?>wintl.gif');width:8px;cursor:nw-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window top-left part */
.winT {background:url('<?php echo $path;?>wint.gif');filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window top part */
.winTT {height:5px; cursor:n-resize;} /* Window top resize handle */
.winTR {background:url('<?php echo $path;?>wintr.gif'); cursor:ne-resize;width:8px;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window top-right part */
.winL {background:url('<?php echo $path;?>winl.gif'); width:5px; cursor:w-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window left border */
.winR {background:url('<?php echo $path;?>winr.gif'); width:5px; cursor:e-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window right border */
.winBL {background:url('<?php echo $path;?>winbl.gif'); height:5px; cursor:sw-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window bottom-left border */
.winBR {background:url('<?php echo $path;?>winbr.gif'); height:5px; cursor:se-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window bottom-right border */
.winB {background:url('<?php echo $path;?>winb.gif');cursor:s-resize;filter:Alpha(opacity=90, style=0); opacity:0.90;} /* Window bottom border */
.winCapt {position:absolute; top:6px; left:34px; font-size:14px; color:#333;cursor: move;text-shadow: #d6f6d1 0px 1px 0} /* Window caption */
.winClose {position:absolute; top:5px; right:6px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif');} /* close button */
.winCloseD {position:absolute; top:5px; right:6px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif');filter:Alpha(opacity=20, style=0); opacity:0.20;} /* disabled close button */
.winReload {position:absolute; top:5px; right:110px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -69px;display:block;} /* reload button */
.winReloading {position:absolute; top:5px; right:110px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winReloading.gif');display:block;} /* reload button */
.winReloadD {position:absolute; top:5px; right:110px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -69px;filter:Alpha(opacity=20, style=0); opacity:0.20;} /* disabled reload button */
.winMax {position:absolute; top:5px; right:30px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -23px;} /* maximize button */
.winRestore {position:absolute; top:5px; right:30px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -46px;} /* restore button */
.winToggleD {display:none} /* Window toggle fullscreen / normal disabled button */
.winMin {position:absolute; top:5px; right:78px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -92px;} /* maximize button */
.winTNW {position:absolute; top:5px; right:54px; cursor:pointer; width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -115px} /* To new window */
.winTNWD {display:none} /* To new window disabled */
.winIcon {position:absolute; top:6px; left:6px; width:20px; height:20px;} /* Window top-left icon */
.winExtra{position:absolute; top:2px; right:142px;text-decoration:none;white-space:nowrap} /* Extra controls nested into win top bar */
.winARI{top:8px;left:7px}
.winMask {position:absolute; top:31;left:5;background-color:blue; filter:Alpha(opacity=01, style=0); opacity:0.01;} /* Window IFrame mask (do not modify) */
.winNR td {cursor: default;} /* Not-resizable window (do not modify) */
.win td {}
/* Button */
.bt {line-height:22px;font-size:11px;color:black;}
.bt b {}
.bt s {height:22px;color:black;font-size:12px}
.bt i {width:4px;left:-4px;}
.bt div {border:1px solid #E0FFE0}
.bt u {width:4px;right:-2px;}
.bt img {top:3px !important;top:4px}
/* Up button */
.bt .a{}
.bt .up:hover div {background:#D0EFD0; border:1px solid #3BC111;}
.bt .up:active div {background:#E0FFE0; border:1px solid #5BE131;}
.bt .up a:active img{filter:Alpha(opacity=50,style=0); opacity:0.50}
/* Disabled button */
.bt .off div{ opacity:0.80}
.bt .off img{filter:Alpha(opacity=50,style=0); opacity:0.50}
.bt .off s {filter:Alpha(opacity=50,style=0)}
.bt .off div, .bt .off i{background-position:0px -52px} .bt .off u{background-position:right -52px}
/* Pressed button */
.bt .on div {background:#E0FFE0; border:1px solid #5BE131;}
.bt .on img{filter:Alpha(opacity=80,style=0); opacity:0.80}
/* main frame */
.mainFrameBody {background:#EEFFF2 url('<?php echo $path;?>bg.jpg') no-repeat bottom left;border:1px solid transparent;height:100%}
.menu {position:absolute;width:300px;bottom:0;left:3px;width:200px;display:none;z-index:99999;}
.menuInnerDiv{width:300px;background:#FFF;border:1px solid #5BE131;text-align:left}
.menuGroup{font-size:13px;font-weight:bold;color:#308e12;margin-top:5px;margin-bottom:2px;cursor:pointer; border-bottom:1px solid #9dd690}
.menuLarge, .menuLargeHover{font-size:13px;height:24px;width:233px;cursor:pointer;width:50% !important;width:54%;padding-left:6px;padding-top:3px;}
.menuLarge img, .menuLargeHover img {height:20px; width:20px; vertical-align:middle; margin-right:0.5em}
.menuLeft {background:#dcfcdb url('<?php echo $path;?>menuLeft.png') bottom repeat-x;height:100%;padding:3px;padding-bottom:10px; text-align:center;color:white;vertical-align:bottom;font-size:12px;font-weight:bold;font-family:tahoma}
.menuRight{padding-left:10px;padding-bottom:10px}
.menuRight .eTC{border:1px solid white;background:white}
/* menu frame */
#timeDiv{font-weight:bold;padding-right:3px;font-size:10px;position:relative;padding-left:10px}
.menuFrameBody{font-family:Tahoma; color:black;font-size:10px;border-top:1px solid #87B8AC;padding:0px; margin:0px; background:url('<?php echo $path;?>menu.png') repeat-x;padding-top:2px;cursor:default}
.menuFrameBody .bt .up div, .menuFrameBody .bt .on div {border-top:1px solid #83d16c;border-left:1px solid #83d16c;border-right:1px solid #d9fcd7;border-bottom:1px solid #ccf5c7;}
/* Tree View */
.treeView a:hover{color:#000;border:1px solid #83d16c;background:url('<?php echo $path;?>menu.gif') repeat-x;}
.treeView .selected{color:#000;border:1px solid #83d16c;background:url('<?php echo $path;?>menu.gif') repeat-x;}
.treeView .selected:hover{border-color:#83d16c}
/* Image slideshow */
.imageView{background:#E8FFE8;border:1px solid #D0F7CB}
/* Context menu */
.contextMenu{background:#FAFAFA url('<?php echo $path;?>cmBg.gif') repeat-y;border:1px solid;border-color:#BBB #999 #999 #BBB;padding:1;width:auto !important;width:1;white-space:nowrap}